$(function () {
  // jq的入口函数 在页面加载完后才执行 
  // 通过js 给body添加过渡效果 
  $('body, .lt-top').css('transition', 'padding 0.5s');

  // 1- 进度条的功能 
  // 在第一个ajax请求发送时候，进度条动起来 
  $(document).ajaxStart(function () {
    NProgress.start(); // 开始
  })
  // 在最后一个ajax请求完成的时候， 进度条结束动画
  $(document).ajaxStop(function () {
    // 实际工作中不要这样写 
    setTimeout(function () {
      NProgress.done(); //结束 
    }, 1000)
  })

  // 2- 二级分类 展开和隐藏 
  // 点击a标签，切换二级分类ul
  $('.nav-link').click(function () {
    $('.nav-two').stop().slideToggle();
  })
  // 3- 侧边栏显示和隐藏 
  // 点击菜单按钮 
  // 1- 让侧边出去  给侧边栏    切换 lt-out 类名
  // 2- 去掉body padding值     切换 pl-180 类名 
  // 3- 去掉 lt-top padding值  切换 pl-180 类名 

  $('.menu').click(function () {
    $('.lt-aside').toggleClass('lt-out'); // 切换 lt-out 类名
    $('body, .lt-top').toggleClass('pl-180');  // 切换 pl-180 类名 
  })

  // 4- 退出功能 
  // 1- 点击登陆按钮， 发送ajax请求到后台，通知服务器进行退出
  // 2- 退出完成后，跳转登录页
  $('.logout').click(function () {
    $.ajax({
      type: 'get',
      url: '/employee/employeeLogout',
      dataType: 'json',
      success: function (res) {
        console.log(res);
        // 跳转登录页
        location.href = './login.html';
      }
    })
  })

})